<!--App.vue-->

<!--App.vue是我们的主组件，所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。-->

<template>
  <div id="app">
<!--keep-alive 是保持组件不销毁，用来处理要保持组件状态的那些场景-->
    <keep-alive exclude="Detail">
      <router-view></router-view>
    </keep-alive>

    <main-tab-bar class="fix"></main-tab-bar>
  </div>
</template>

<script>
  import MainTabBar from 'content/mainTabbar/MainTabBar'

  export default {
    name: 'app',
    components: {
      MainTabBar,
    }
  }
</script>

<style>
  @import "assets/css/base.css";

  #app {
    position: relative;
  }
  .fix{
    position: fixed;
  }
</style>
